<template>
	<div id="draw_credit_entry">
		<div class="clear">
			<div class="fl">
				<p>悟空积分</p>
				<p>{{moneyData.wukong}}</p>
			</div>
			<div class="fr">
				<p>签到积分</p>
				<p>{{moneyData.sign}}</p>
			</div>
		</div>
		<h3 class="colored">------大唐注册码------</h3>
		<router-link to="./drawCredit/dt">
			<img :src="dt">
			进入兑换大唐积分
		</router-link>
		<h3 class="colored">------中睿注册码------</h3>
		<router-link to="./drawCredit/zr">
			<img :src="zr">
			进入兑换中睿积分
		</router-link>
		<h3 class="colored">------云联惠注册码------</h3>
		<router-link to="./drawCredit/ylh">
			<img :src="ylh" style="width: 3.3rem;height: 3.3rem;margin: .2rem auto;">
			进入兑换云联惠积分
		</router-link>
	</div>
</template>
<script>
import { mapGetters, mapActions } from 'vuex'
import dt from '@/assets/img/other/dt.png'
import zr from '@/assets/img/other/zr.png'
import ylh from '@/assets/img/other/ylh.png'
export default{
	name: 'drawCreditEntry',
	created(){
		this.getMoneyOverview()
	},
	computed:{
		...mapGetters({
			moneyData: 'moneyData',
			thisMonth: 'thisMonth',
			userInfo: 'user/userInfo'
		})
	},
	data(){
		return {
			dt,
			zr,
			ylh
		}
	},
	methods:{
		...mapActions(['getMoneyOverview'])
	}
}
</script>
<style lang='less' scoped>
	#draw_credit_entry{
		text-align: center;
		background: #fff;
		min-height: 100vh;
		padding-top: .1px;
		.clear{
			font-size: .45rem;
		    width: 50vw;
		    overflow: hidden;
		    margin: .5rem auto;
		}
		img{
			width: 3.5rem;
			height: 3.5rem;
			display: block;
			margin: 0 auto;
		}
	}
	h3{
		font-size: .5rem;
		margin-top: .5rem;
	}
	a{
		font-size: .4rem;
		text-decoration: underline;
	}
</style>